Home
/* === GLOBAL === */
.tn-container {
width: 90%;
max-width: 1400px;
margin: auto;
display: flex;
justify-content: space-between;
align-items: center;
}
/* === TOP BAR === */
.tn-topbar {
background: #146A39;
color: #fff;
padding: 10px 0;
font-size: 15px;
}
.tn-topbar .left-info i { margin-right: 5px; }
.tn-topbar .sep { margin: 0 10px; }
.social-icons i {
margin-left: 12px;
cursor: pointer;
font-size: 18px;
}
/* === MAIN HEADER (STICKY) === */
.tn-header {
width: 100%;
background: #fff;
padding: 15px 0;
position: sticky;
top: 0;
z-index: 999;
box-shadow: 0 3px 8px rgba(0,0,0,0.08);
}
.header-flex {
display: flex;
align-items: center;
justify-content: space-between;
}
.tn-logo img {
height: 70px;
}
.tn-nav ul {
list-style: none;
display: flex;
gap: 35px;
}
.tn-nav a {
text-decoration: none;
color: #000;
font-weight: 600;
}
.tn-nav a.active,
.tn-nav a:hover {
color: #146A39;
}
.tn-btn {
background: #146A39;
color: #fff !important;
padding: 10px 20px;
border-radius: 4px;
text-decoration: none;
font-weight: bold;
}
/* === HERO / SLIDER === */
.tn-hero {
position: relative;
height: 620px;
background: url(‘YOUR-SLIDER-IMAGE.jpg’) center/cover no-repeat;
}
.tn-hero-overlay {
position: absolute;
inset: 0;
background: rgba(0,0,0,0.45);
}
.tn-hero-content {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
color: #fff;
}
.tn-hero-content h1 {
font-size: 48px;
font-weight: 800;
margin-bottom: 25px;
}
.tn-hero-btn {
padding: 12px 35px;
border: 2px solid #fff;
border-radius: 30px;
color: #fff;
text-decoration: none;
font-size: 18px;
transition: 0.3s;
}
.tn-hero-btn:hover {
background: #fff;
color: #146A39;
}